@import "./base.scss";
@import "./ui.scss";
@import "./var.scss";
@import "./qilin-app.scss";

// #ifdef H5
*{
	box-sizing: border-box;
	// 火狐浏览器
	// scrollbar-width:thin;
	// scrollbar-color:var(--qilin-text-color-support) #fff;
	// 兼容IE浏览器
	scrollbar-darkshadow-color:#f2f5f9;
	scrollbar-base-color:var(--qilin-text-color-support);
	//谷歌浏览器
	&::-webkit-scrollbar{
		width:8upx !important;
		height:8upx !important;
		display:block !important;
	}	
	&::-webkit-scrollbar-thumb{
		background-color:var(--qilin-text-color-support);
		border-radius:8upx;
		-moz-border-radius:8upx;
		-webkit-border-radius:8upx;
	}
	&::-webkit-scrollbar-track{
		background-color:#f2f5f9;
	}
}
// #endif

// #ifdef MP-WEIXIN
page,view,text,image{
	box-sizing: border-box;
	// 火狐浏览器
	scrollbar-width:thin;
	scrollbar-color:var(--qilin-text-color-support) #fff;
	// 兼容IE浏览器
	scrollbar-darkshadow-color:#fff;
	scrollbar-base-color:var(--qilin-text-color-support);
	//谷歌浏览器
	&::-webkit-scrollbar{
		width:8upx !important;
		height:8upx !important;
		display:block !important;
	}	
	&::-webkit-scrollbar-thumb{
		background-color:var(--qilin-text-color-support);
		border-radius:8upx;
		-moz-border-radius:8upx;
		-webkit-border-radius:8upx;
	}
	&::-webkit-scrollbar-track{
		background-color:#fff;
	}
}
// #endif

// 隐藏滚动条样式
.hide-scrollbar{
    overflow:auto;
    -ms-overflow-style:none !important;// ie下隐藏滚动条
    scrollbar-width:none !important;
    &::-webkit-scrollbar{ //谷歌下隐藏滚动条
        display:none !important;
    }
}
// 美化滚动条样式--纵向滚动条
.beauty-scrollbar-y{
    overflow-y:auto;
    // 兼容火狐浏览器
    scrollbar-width:thin;
    scrollbar-color:var(--qilin-text-color-support) #fff;
    // 兼容IE浏览器
    scrollbar-darkshadow-color:#fff;
    scrollbar-base-color:var(--qilin-text-color-support);
    &::-webkit-scrollbar{
        width:8upx !important;
    }
    &::-webkit-scrollbar-thumb{
        background-color:var(--qilin-text-color-support);
        border-radius:8upx;
    }
    &::-webkit-scrollbar-track{
        background-color:#fff;
    }
}
// 美化滚动条样式--横向滚动条
.beauty-scrollbar-x{
    overflow-x:auto;
    // 兼容火狐浏览器
    scrollbar-width:thin;
    scrollbar-color:var(--qilin-text-color-support) #fff;
    // 兼容IE浏览器
    scrollbar-darkshadow-color:#fff;
    scrollbar-base-color:var(--qilin-text-color-support);
    &::-webkit-scrollbar{
        height:8upx !important;
    }
    &::-webkit-scrollbar-thumb{
        background-color:var(--qilin-text-color-support);
        border-radius:8upx;
    }
    &::-webkit-scrollbar-track{
        background-color:#fff;
    }
}
// 超出单行省略号展示
.single-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
// flex布局-row
.flex-row{
    display:flex;
    flex-flow:row nowrap;
}
// flex布局-column
.flex-column{
    display:flex;
    flex-flow:column nowrap;
}
// 隐藏样式
.is-hide{
    display:none !important;
}
// 行内样式
.inline-block{
	display:inline-block;
}
.qilin-width-100{
    width:100%;
}
.qilin-height-100{
    height:100%;
}
.qilin-wh-100{
    width:100%;
    height:100%;
}
.empty{
	height:100%;
	justify-content:center;
	align-items:center;
	>.empty-image{
		width:240upx;
		height:240upx;
		margin-bottom:50upx;
	}
	>.empty-text{
		color:var(--qilin-text-color-support);
		font-size:26upx;
	}
}